<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商铺主页面</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main/shopindex.css"/>
	</head>
	<body>
		<header>
			<!--logo-->
			<div class="logo">
				<div class="img-warp"><img src="../img/logo_03.png"/></div>
			</div>
			<!--导航栏-->
			<div class="navbar">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="shopindex.html">骑行</a></li>
					<li><a href="index2.html">铁三</a></li>
					<li><a href="index2.html">跑步</a></li>
					<li><a href="index2.html">设计师入驻</a></li>
					<li><a href="shoplist.html">品牌专区</a></li>
				</ul>
			</div>
			<!--搜索栏-->
			<form action="" method="post">
				<div class="search">
					
					<input type="text" name="search" id="search"  />
					<div class="tijiao">
						<input type="image" src="../img/fangdajing_03.png" />
					</div>
				</div>
				
			</form>
			<!--购物车-->
			<div class="buycar">
				<a href="#"><img src="../img/buycar_03.png"/></a>	
			</div>
			<!--登录-->
			<div class="login">
				<a href="../orders.html"><img src="../img/man_02.png"/></a>
			</div>
			<!--在线客服-->
			<div class="online">
				<div class="online-content">
					<a href="#">
						<img src="../img/pang_03.png"/>
						<p>在线客服</p>
						<div class="clearfix"></div>
					</a>
					
				</div>
			</div>
			<!--更换字体-->
			<div class="changefont">
				<a href="#"><div class="changefont-content">CH</div></a>
			</div>
			
			<!--清浮动-->
			<div class="clearfix"></div>
		</header>
		
		<section>
			<div class="nav">
				<a href="index.html">首页</a> &gt; <a href="shoplist.html">品牌专区</a>
			</div>
			<!--广告-->
			<div class="ad">
				<a href="#">
					<img src="../img/main/shopindex/shopindex_02.png"/>
				</a>
				<p><a href="#">关注</a></p>
				<p><a href="#">分享</a></p>
				
			</div>
			
			<!--主要部分-->
			<div class="main">
				<!--顶部导航-->
				<form action="#" method="post">
					<div class="topbar">
						<!--分类-->
						<div class="classification fl">
							所有单品 &nbsp;<img src="../img/main/shopindex/down.png"/>
						</div>
						<!--信息栏-->
						<div class="inforbar fl">
							<input type="radio" name="leixing" id="new" value="new" />&nbsp;<label for="new">按更新</label>&nbsp;&nbsp;&nbsp;
							<input type="radio" name="leixing" value="hot" id="hot" />&nbsp;<label for="hot">按热度</label>
							<span class="goods">
								共<span class="sp">1289</span>件商品 &nbsp;&nbsp;&nbsp;<span class="num">1</span><span class="sp">/16</span>
							</span>
							<div class="clearfix"></div>
						</div>
						
						
						
						
						
						<div class="clearfix"></div>
					</div>
				</form>
				<!--衣服-->
				<div class="clothes">
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex1_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex2_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>普通版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex1_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex2_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>普通版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex1_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex2_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>普通版骑行上衣</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					<!--衣服模块-->
					<div class="clothescell fl">
						<div class="img-w"><img src="../img/main/shopindex/shopindex3_05.png"/></div>
						<!--底部-->
						<div class="cellbottom">
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<p><a href="#"><span class="dingzhi">我要定制</span></a></p>
						</div>
					</div>
					<!--衣服板块结束-->
					
					
					
					
					
					
					
					<div class="clearfix"></div>
				</div>
				
			</div>
			<!--主要部分结束-->
			
			
			<!--跳转栏-->
			<div class="tiaozhuan">
				<div class="tiaozhuanbar fr">
					<!--跳转格-->
					<div class="numberwarp fl">
						<a href="#">&lt;</a>
					</div>
					<div class="numberwarp fl active"><a href="#">1</a></div>
					<div class="numberwarp fl"><a href="#">2</a></div>
					<div class="numberwarp fl"><a href="#">3</a></div>
					
					<div class="numberwarp fl no"><a href="#">&middot;&middot;&middot;</a></div>
					<div class="numberwarp fl"><a href="#">&gt;</a></div>
					<div class="numberwarp fl no">跳至</div>
					<div class="morewarp fl"><a href="#"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a></div>
					<div class="morewarp fl"><a href="#"> 跳转</a></div>
					
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
			
		</section>
		
		<footer>
			
			<!--底部logo-->
			<div class="redlogo"><img src="../img/redlogo_03.jpg"/></div>
			<!--底部导航栏-->
			<div class="bottomnav">
				<ul>
					<li><a href="#">新手指南</a></li>
					<li><a href="#">用户注册</a></li>
					<li><a href="#">定制流程</a></li>
				</ul>
				<ul>
					<li><a href="#">付款方式</a></li>
					<li><a href="#">支付方式</a></li>
					<li><a href="#">支付问题</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li><a href="#">售后服务</a></li>
					<li><a href="#">退款换货</a></li>
					<li><a href="#">配送方式</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<ul>
					<li><a href="#">政策条款</a></li>
					<li><a href="#">服务协议</a></li>
					<li><a href="#">隐私条款</a></li>
					<li><a href="#">版权条款</a></li>
				</ul>
				
			</div>
			
			
			
			<!--清浮动-->
			<div class="clearfix"></div>
			<p class="bottomword">
				<!--底部文案-->
				&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
			</p>
		</footer>
	</body>
</html>
